<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<script>
		//  function debounce(fn,time) {
		// 		let timer = null
		// 		const args = arguments
		// 		return function() {
		// 			const self = this
		// 			if(timer) {
		// 				clearTimeout(time)
		// 				timer = null
		// 			}
		// 			timer = setTimeout(() => {
		// 				fn.apply(self,args)
		// 			}, time);
		// 		}
		//  }
		 // 在给定时间之后执行一次，当在给定时间之前执行是没有效果的，并且会重新计算给定时间
		 // 也就是说上面代码在1s之前执行，其实并不会调用会调函数fn，并且会重置到下次执行时间间隔为1s
		 // 防抖函数其实运用了函数闭包的特效，保存了函数的私有变量time，也就是我们可以在其他作用域中访问到time变量
		 // 在点击按钮请求后台数据的时候可以使用防抖函数
	</script>
</body>
</html>